<!DOCTYPE html>
<html lang="ch">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    工作机会

    <!-- contact section end -->
    <!-- 5  社区 -->
    <!-- clients section start -->
    <div class="clients_section layout_padding">
        <!-- 锚点标签 -->
        <a name="community"></a>
        <div class="container">
            <!-- <div class="row">
                 <div class="col-md-12">
                    <h1 class="clients_taital">参与 · 社区</h1>
                 </div>
              </div> -->

            <!-- 这里是 x tx ds呀 -->
            <section class="w3l-call-to-action_9">
                <div class="call-w3">
                    <div class="container">
                        <div class="booking-form-content">
                            <div class="main-titles-head ">
                                <h3 class="header-name">参与 · 社区
                                </h3>
                                <p class="tiltle-para editContent ">快来加入我们蓬勃发展的社区吧，在这里，志同道合的倡导者相互联系，共同努力，创造不同。</p>
                            </div>

                            <div class="row text-center">
                                <div class="col-lg-4 col-md-6 propClone about-line-top ">
                                    <div class="area-box color-white editContent box-active">
                                        <div class="icon-back"><span class="fa fa-thumbs-up"></span></div>

                                        <h5><a href="blog.html" class="editContent">
                                                Unlimited Access</a></h5>
                                        <p class="para editContent">Sit amet consect etur adipi sicing elit. Rem quib
                                            usdam
                                            corporis, dolores
                                            quos, nobis culpa est</p>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 propClone about-line-top ">
                                    <div class="area-box color-white editContent">
                                        <div class="icon-back"><span class="fa fa-users"></span></div>

                                        <h5><a href="blog.html" class="editContent">
                                                Expert Teachers</a></h5>
                                        <p class="para editContent">Sit amet consect etur adipi sicing elit. Rem quib
                                            usdam
                                            corporis, dolores
                                            quos, nobis culpa est</p>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 propClone about-line-top">
                                    <div class="area-box color-white editContent box-active">
                                        <div class="icon-back"><span class="fa fa-pencil"></span></div>

                                        <h5><a href="blog.html" class="editContent">
                                                Learn Anything</a></h5>
                                        <p class="para editContent">Sit amet consect etur adipi sicing elit. Rem quib
                                            usdam
                                            corporis, dolores
                                            quos, nobis culpa est</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>


            <!-- 这里是 转动列表 -->
            <!-- <div class="client_section_2">
                 <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                      <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                       <div class="carousel-item active">
                          <h3 class="client_name">Den Mork</h3>
                          <p class="event_text">Lorem ipsum dolor minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugia</p>
                       </div>
                       <div class="carousel-item">
                          <h3 class="client_name">Den Mork</h3>
                          <p class="event_text">Lorem ipsum dolor minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugia</p>
                       </div>
                       <div class="carousel-item">
                          <h3 class="client_name">Den Mork</h3>
                          <p class="event_text">Lorem ipsum dolor minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugia</p>
                       </div>
                    </div>
                 </div>
              </div> -->
        </div>
    </div>
</body>

</html>